<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <meta name="format-detection" content="email=no"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"
          name="viewport">
    <title>乐豆呀双蛋节</title>
    <link rel="stylesheet" type="text/css" href="static/style.css"/>
</head>
<script>
    var username = '<%= username %>';
    var userid = '<%= userid %>';
    var headimgurl = '<%= headimgurl %>';
</script>
<body>
<div id="chatbox">
    <div class="banner">
        <div class="banner-line">
            <span class="banner-left">乐豆呀双蛋节</span>
                    <span class="banner-right">

                                    <img class="banner-logo"
                                         src="<%= headimgurl %>"
                                         style="display:inline-block; border-radius:50%; vertical-align: middle"
                                         id="showuserimg"
                                         alt="">

                        <span id="showusername"></span>
                    </span>
        </div>
    </div>
    <div id="doc">
        <div id="chat">
            <div id="message" class="message">
                <!--<div id="onlinecount" class="online-count">-->
                <!--</div>-->
            </div>
            <div class="input-box">
                <div class="input">
                    <input type="text" maxlength="140" placeholder="请输入聊天内容" id="content" name="content">
                </div>
                <div class="action">
                    <button type="button" id="mjr_send" class="chat-button" onclick="CHAT.submit();">发送</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="//cdn.bootcss.com/socket.io/1.3.7/socket.io.min.js"></script>
<script type="text/javascript" src="static/client.js"></script>
</body>
</html>